<template>
  <div id="app">
      <!--<transition mode="in-out">-->
          <keep-alive>
              <router-view v-if="$route.meta.keepAlive"></router-view>
          </keep-alive>
        <router-view v-if="!$route.meta.keepAlive"></router-view>
      <!--</transition>-->
  </div>
</template>

<script>
    require("./utils/fix-screen.js")
    export default {
        name: 'app',
        components: {
        },
        data () {
            return {

            }
        },
        mounted(){

        },
        methods: {

        }
    }
</script>

<style lang="less">
@media screen and (min-width: 640px) {
  html{font-size: 18px;}
}
body,html,#app{
//   height: 100%;
  font-family: PingFang-SC-Regular;
  font-size: .3rem;
    height: 100%;
    -webkit-tap-highlight-color: rgba(255,255,255,0);;
    &::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none;
    }
}

* {
    margin: 0;
    padding: 0;
}

div {
    -webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none;
}

 @keyframes fade {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }

@keyframes display {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translateX(0)
    }
}


img {
  height: auto;
    -webkit-user-select: none;
    user-select: none;
}

input, textarea {
    border: none;
    text-shadow: none ;
    -webkit-appearance: none ;
    -webkit-user-select: text ;
    outline-color: transparent ;
    box-shadow: none;
    font-size: .32rem;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
    box-shadow: none;
    font-family: SimHei;
    -webkit-appearance: none;
    &:focus {
        outline: none;
        border: 1px solid #238AF3;
    }
}

input:focus, textarea:focus {
    border: none;
}

input:-webkit-autofill,select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100px white  inset !important;
}

ul,li {
  list-style: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.container {
    height: 100%;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: center;*/
    /*justify-content: space-between;*/
    /*box-sizing: border-box;*/
}

.van-button {
    width: 2.6rem!important;
    height: .66rem!important;
    line-height: .66rem!important;
}

.flex-cont {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-box-justify {
    display: flex;
    justify-content: center;
}

.flex-box-align{
    display: flex;
    align-items: center;
}

.flex-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.flex-box-container {
    display: flex;
    flex-wrap: wrap;
}

.flex {
    flex:1;
}

.shadow {
    width: 100%;
    height: .10rem;
    background-color: #F1F1F1;
}

view {
    font-family: PingFang-SC-Regular;
}

.van-cell--required::before {
    left: 48px!important;
    color: rgb(255, 94, 113);
}
.four::before {
    left: 76px!important;
}

.van-cell:not(:last-child)::after {
    left: 0!important;
}

.van-checkbox__icon .van-icon {
    border: 1px solid #2691FF!important;
    border-radius: 0.04rem;
}

.van-radio__icon .van-icon {
    border: 1px solid #2691FF!important;
    border-radius: 0.04rem;
}

.special-item {
    .van-cell__label {
        padding: .26rem .11rem .26rem .17rem;
        color: #2691FF;
        background:rgba(38,145,255,.1);
        border-radius:.04rem;
        font-size: .26rem;
        font-weight: 500;
    }
}
.special-item {
    .label-2 {
        padding: 0;
        background:#fff;
    }
    .label-2 .div, .label-2 > div {
        padding: .26rem .11rem .26rem .17rem;
        color: #2691FF;
        background:rgba(38,145,255,.1);
        border-radius:.04rem;
        font-size: .26rem;
        font-weight: 500;
        margin-bottom: .2rem;
        &:last-child {
            margin-bottom: 0;
        }
    }

    .label-2 .van-radio-group {
        padding: 0;
        background: transparent;
    }
}
</style>